// 获取模态框元素
var modal = document.getElementById("mapModal");

// 获取按钮元素
var btn = document.getElementById("locationBtn");

// 获取关闭按钮元素
var span = document.getElementsByClassName("close")[0];

// 点击按钮打开模态框
btn.onclick = function() {
  modal.style.display = "block";
  initMap(); // 初始化地图
}

// 点击关闭按钮关闭模态框
span.onclick = function() {
  modal.style.display = "none";
}

// 点击模态框外部关闭模态框
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}

// 初始化地图函数
function initMap() {
  // 使用Google Maps或Leaflet等库来初始化地图
  // 这里以Leaflet为例
  var map = L.map('map').setView([51.505, -0.09], 13); // 设置地图中心和缩放级别

  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 19,
    attribution: '© OpenStreetMap'
  }).addTo(map);

  // 可以在这里添加标记等
}